如何设置图表 Tooltip 显示内容的顺序？

问题描述

我正在使用 VChart，如下图所示，我应该如何给 dimension tooltip 中显示的数据项设置顺序？比如设置为 key 值的降序。

解决方案

VChart 的 tooltip 提供 updateContent 回调支持对显示内容做任意修改，可以在 tooltip spec 中进行配置。在updateContent 回调中，显示内容以数组形式作为参数提供，你只需要进行修改后再返回新数组即可。这其中完全可以包括排序。可参考以下示例：

代码示例

结果展示

相关文档

github：https://github.com/VisActor/VChart

Demo page: https://www.visactor.io/vchart/demo/bar-chart/stack-column